<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prime Resort  |  Rooms </title>
<meta name="description" content="Description Comes here" />
<meta name="keywords" content="Place Keywords here" />
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/960_24_col.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="css/coda-slider.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css"/>


</head>
<body>
<div id="header">
	<div class="container_24">
    	<div class="grid_24">
            <div class="grid_12 omega" id="logo">
            <a href="#"><span>Prime Resort</span></a>
            </div><!--/.grid_12-->
            
           
        </div><!--/.grid_24-->
        <div id="primary-nav" class="grid_24">
        	<ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        	</ul>
        </div><!--/#primary-nav-->
        </div><!--/.container_24-->
</div><!--/#header-->

<div id="main" class="container_24">
	<div id="contents" class="grid_17">
   <div class="resort-list">
    <h2>Room Type Name 1</h2>
    
     <div class="coda-slider"  id="slider-id">
      <div>
        <h2 class="title">Details</h2>
        
        <div class="resort-heading">
            <h3>Rs. <label >5000</label> / Day</h3><a href="#" class="book-now">Book Now</a>
            <div class="clearfix"></div>
        </div><!--/.resort-heading-->
        
        <div class="grid_3 omega">
            <p><img src="images/destinatin.jpg" alt="resort-image" /></p>
        </div><!--/.grid_3-->
        
        <div class="grid_12 alpha resort-details">
            <h4>Facilities</h4>
              <ul class="facility">
                <li>Facility Name 1</li>
                <li>Facility Name 1hgj</li>
                <li>Facility Name 1jhjjjj</li>
                <li>Facility Name 1mhj</li>
                <li>Facility Name 1hjh</li>
                <li>Facility Name 1kjkl</li>
                <li>Facility Name 1</li>
                <li>Facility Name 1</li>
              </ul>
        </div>        
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
      </div>
      <div>
        <h2 class="title">Gallery</h2>
        <div class="gallery">
        <a class="fancybox" href="images/1_b.jpg" data-fancybox-group="gallery" ><img src="images/1_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/2_b.jpg" data-fancybox-group="gallery" ><img src="images/2_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/3_b.jpg" data-fancybox-group="gallery" ><img src="images/3_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/4_b.jpg" data-fancybox-group="gallery" ><img src="images/4_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/1_b.jpg" data-fancybox-group="gallery" ><img src="images/1_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/2_b.jpg" data-fancybox-group="gallery" ><img src="images/2_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/3_b.jpg" data-fancybox-group="gallery" ><img src="images/3_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/4_b.jpg" data-fancybox-group="gallery" ><img src="images/4_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/1_b.jpg" data-fancybox-group="gallery" ><img src="images/1_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/2_b.jpg" data-fancybox-group="gallery" ><img src="images/2_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/3_b.jpg" data-fancybox-group="gallery" ><img src="images/3_b.jpg" alt="" /></a>
        <a class="fancybox" href="images/4_b.jpg" data-fancybox-group="gallery" ><img src="images/4_b.jpg" alt="" /></a>
        </div>
      </div>
      
    </div>
       
   </div><!--/.resort-list-->
    </div><!--/.contents-->
     <div id="sidebar" class="grid_7">
     	
        <div class="sidebar">
        	<h2>Packages</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Memberships</h2>
            
        </div><!--/.sidebar-->
        
         <div class="sidebar">
        	<h2>Upcoming Events</h2>
            
        </div><!--/.sidebar-->
        
        
     </div><!--/#sidebar-->
</div> <!--/#main-->
<div class="clearfix"></div>
<div id="footer" class="container_24">
	<div id="footer-nav" class="grid_24">
    	<ul>
        	<li><a href="#">Home</a></li>
                <li><a href="#">Rooms</a></li>
                <li><a href="#">Packages</a></li>
                <li><a href="#">Membership</a></li>
                <li><a href="#">Events</a></li>
                <li><a href="#">Register</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
                <li><a href="#">FAQ</a></li>
        </ul>
    </div><!--/#footer-nav-->
    <div class="grid_14">
    	<p>Copyright © Prime Resort. All Rights Reserved.</p>
        <p>Website best viewed in Firefox 3+, IE 7+, Chrome, Opera</p>
    </div>
    
</div><!--/#footer-->

<script src="js/jquery-1.7.2.min.js" ></script>
<script src="js/jquery-ui-1.8.20.custom.min.js" ></script>
<script src="js/jquery.coda-slider-3.0.js" ></script>
<script src="js/jquery.fancybox.pack.js" ></script>
<script type="text/javascript">

$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();
			
});

 $(function(){
		  
		  $('#slider-id').codaSlider({
            autoSlide:false,
            autoHeight:true,
			dynamicArrows: false,
			dynamicTabsAlign: "left",
          });
    });
</script>
</body>
</html>
